<template>
  <div id="app">
    <a-locale-provider :locale="locale">
      <router-view />
    </a-locale-provider>
  </div>
</template>

<script>
import zhCN from "ant-design-vue/lib/locale-provider/zh_CN";
import enquireScreen from "./utils/device";

export default {
  data() {
    return {
      locale: zhCN
    };
  },
  created() {
    const _this = this;
    enquireScreen(isMobile => {
      _this.$store.commit("setDevice", isMobile);
    });
  }
};
</script>

<style lang="less">
.app-view {
  background: white;
}
#app {
  .vue-select {
    line-height: 1.2;
    font-size: 14px;
    .select {
      .text {
        font-size: 14px;
      }
      li {
        font-size: 14px;
      }
    }
  }
}

.action-box {
  white-space: nowrap;
  font-weight: bold;
  .ant-btn:not(:last-child) {
    margin-right: 5px;
  }
  & > span {
    cursor: pointer;
    padding: 5px;
    &:hover {
      opacity: 0.7;
    }
  }
  .primary {
    color: #1890ff;
  }
  .danger {
    color: #f5222d;
  }
  .warn {
    color: #ff9900;
  }
  .success {
    color: #1aad19;
  }
}
.add-btn {
  margin-bottom: 20px;
}
.calendar-container {
  border: 1px solid #eee;
  box-shadow: 0 0 10px #eee;
}
.ant-table {
  th > div,
  td {
    text-align: center;
  }
}
</style>
